
* {
   margin: 0;
   padding: 0;
   list-style: none;
}
.fl{
   float: left;
}
.fr{
   float: right;
}
a {
   text-decoration: none;
   color: #333;
}
/* 头部导航 */
.top_nav_bg {
   width: 100%;
   height: 78px;
   position: absolute;
   top: 0;
   left: 0; 
    z-index: 11; 
}
.top_nav_bg .top_nav {
   width: 95vw;
   height: 68px;
   margin:0 auto;
}
.top_nav_bg .top_nav .logo {
   float: left;
   width: 167px;
   height: 60px;
   margin-top: 10px;
   background: url(img/logo-public.png);
   cursor: pointer;
}
.top_nav_bg .top_nav .nav_list {
   float: left;
   width: 746px;
   height: 78px;
}
.top_nav_bg .top_nav .nav_list ul {
   padding-top: 16px;
   height: 62px;
    float: left;
}
.top_nav_bg .top_nav .nav_list ul li {
   float: left;
   width: 136px;
   height: 78px;
   text-align: center;
}
.top_nav_bg .top_nav .nav_list ul li a>p{
   font-size: 18px;
   letter-spacing: 1px;
   color: #fff;
}
.top_nav_bg .top_nav .nav_list ul li a>span {
   font-size: 12px;
   letter-spacing: 1px;
   margin: -1px;
   color: #aeaeae;
}
.top_nav_bg .top_nav .zhangmeng {
   width: 40px;
   height: 40px;
   float: right;
   margin-top: 16px;
}
.top_nav_bg .top_nav .zhangmeng i{
   display: block;
   width: 16px;
   height: 24px;
   margin: 8px 0 0 12px;
   background: url(img/Snipaste_2021-11-25_21-30-27.png);
   background-size: cover;
}

.top_nav_bg .top_nav .screen {
   /* 行元素转化为块元素 */
   display: block;
   width: 40px;
   height: 40px;
   float: right;
   margin-top: 16px;
}
.top_nav_bg .top_nav .screen i {
   display: block;
   width: 21px;
   height: 21px;
   margin: 9.5px 0 0 9.5px;
   background: url(img/Snipaste_2021-11-25_21-17-08.png);
   background-size: cover;
}
.top_nav_bg .top_nav .user_information {
   float: right;
   width: 244px;
   height: 78px;
}
.top_nav_bg .top_nav .user_information .user_yuan {
   float: left;
   width: 48px;
   height: 48px;
   position: relative;
}
.top_nav_bg .top_nav .user_information .user_yuan img {
   width: 36px;
   height: 36px;
   border-radius: 50%;
   position: absolute;
   top: 6px;
   left: 6px; 
   margin-top: 15px;
   margin-left: 10px;
}
.top_nav_bg .top_nav .user_information .user_zi {
   width: 176px;
   height: 78px;
   float: right;
   margin-left: 10px;
   line-height: 78px;
   font-size: 16px;
}
.top_nav_bg .top_nav .user_information .user_zi p {
   color: #fefefe;
}
.top_nav_bg .top_nav .user_information .user_zi a{
   color: #fff3d0;
   font-size: 16px;
}
.top_nav_bg .top_nav  .head_app_hover {
   /* 图片的位置设为默认 */
   background-position: 0 0;
   width: 211px;
   height: 180px;
   position: absolute;
   top: 68px;
   right: 190px;
   display: none;
   background-color: rgba(0, 0, 0, 0.719);
}
.top_nav_bg .top_nav .zhangmeng:hover~.head_app_hover {
   display: block;
}
.top_nav_bg .top_nav  .head_app_hover .head_zm_qrcode {
   /* display: block; */
   width: 120px;
   height: 120px;
   text-align: center;
   line-height: 120px;
   background-color: #fff;
   margin: 22px auto 0 auto;
   border-radius: 10px;
   background-image: url(img/zm-qrcode-new.jpg);
   background-size: cover;
   background-position: center;
}
.zm {
   margin-top: 10px;
   text-align: center;
   color: #fff;
   font-size: 12px;
}
.polo{
   position: absolute;
   right: 0;
   bottom: 0;
}
.top_advertisement{
   position: relative;
   height: 360px;
   background-image: url(img/Snipaste_2021-11-26_21-46-03.png);
   background-position: center;
   background-size: cover;
}
.top_advertisement .word a {
   display:block;
   position:absolute;
   bottom :32px;
   left:50%;
   width: 160px;
   height: 40px;
   z-index: 1;
   background: url(img/topfoot-spr.png);
   background-position: -216px -39px;
}
.top_advertisement .banben {
   position: absolute;
   right: 100px;
   bottom: 28px;
}
.top_advertisement .banben p {
   float: left;
   font-size: 14px;
   color: #888787;
}
.top_advertisement .banben p >b {
   color: #e9c585;
}
.top_advertisement .banben a {
   /* float: left; */
   display: inline-block;
   padding: 0 15px;
   height: 22px;
   border: 22px;
   text-align: center;
   line-height: 22px;
   font-size: 12px;
   color: #f1ce83;
   border: 2px solid #f5d185;
   margin-left:10px ;
}
/* 首页内容 */
.max_box {
   width: 100%;
   height: auto;
   margin-top: 40px;
   background-color: #eeeeee;
}
.max_box .game_index1 {
   width: 100%;
}
.rowFather{
width: 95vw;
margin: 0 auto;
}
.max_box .game_index1 .banner {
   float: left;
   /* margin-right: 20px; */
}
.max_box .game_index1 .banner ul{
   position: relative;
   display: flex;
   align-items: flex-end;
   margin: 0 auto;
   width: 100%;
   height: 45vh;
   background-color: #e3e2e2;
   /* margin-left: 20px; */
}
.max_box .game_index1 .banner ul li{
   flex: 1;
   height: 40px;
   display:flex;
   align-items: flex-end;
   font-size: 14px;
   justify-content: center;
   line-height: 40px;
   background-color: #e3e2e2;
}
.max_box .game_index1 .banner ul li:hover {
   background-color: #f7f6f6;
   /* 文字颜色 */
   color: #ab9066;
}
.max_box .game_index1 .banner ul li img{
   position: absolute;
   left: 0;
   top: 0;
    /* 透明度数 */
   opacity: 0;
   width: 100%;

}
.max_box .game_index1 .banner ul li:nth-child(1) img{
   opacity: 1;
}
.max_box .game_index1 .banner ul li:hover img{
   opacity: 1;
}
/* 右侧栏 */
.max_box .game_index1 .news {
   width: 96vw;
   height: 360px;
   float: left;
   position: relative;
}
.max_box .game_index1 .news .list_one{
   position: absolute;
   top:0;
   left: 0;
}
.max_box .game_index1 .new .list_one>span {
   font-weight: 700;
   font-size: 18px;
   color: #0da0b4;
   line-height: 24px;
   display: block;
   padding-bottom: 10px;
   border-bottom: 2px solid #1da6ba;
   width: 40px;
   padding: 10px 10px;
}
.max_box .game_index1 .news .list_one:nth-child(2)>span{
   position: relative;
   top: 0;
   left: 99px;
}
.max_box .game_index1 .news .list_one:nth-child(3)>span{
   position: relative;
   top: 0;
   left: 198px;
}
.max_box .game_index1 .news .list_one:nth-child(4)>span{
   position: relative;
   top: 0;
   left: 297px;
}
.max_box .game_index1 .news .list_one:nth-child(5)>span{
   position: relative;
   top: 0;
   left: 396px;
}
.list_one .mean_two-li h4{
   font-size: 22px;
   font-weight: 700;
   text-align: center;
   color: #0da0b4;
   padding: 0 12px;
   line-height: 59px;
   height: 59px;
}
.list_one .mean_two-li li{
   width: 100%;
   height: 40px;
   border-bottom: 1px solid #ddd;
}
.list_one .mean_two-li li p{
   float: left;
   font-size: 12px;
   border: 1px solid #e9852d;
   color: #e9852d;
   line-height: 20px;
   text-align: center;
   margin-right: 20px;
   margin-top: 10px;
   margin-bottom: 0;
}
.list_one .mean_two-li li a{
   font-size: 14px;
   height: 39px;
   line-height: 39px;
}
.list_one .mean_two-li li a:hover{
   color: #e9852d;
}
.time {
   font-size: 14px;
   float: right;
   color: #9d9d9d;
   height: 39px;
   line-height: 39px;
}
.news>a {
   display: block;
   position: absolute;
   left: 0;
   bottom: 0;
   width: 97%;
   height: 40px;
   background-color: #e3e2e2;
   line-height: 40px;
   text-align: center;
}
.news>span{
   color: #7ea1a6;
}
.hot{
   width: 95vw;
   margin: 0 auto;
}
/* 右侧栏结束 */
/* 热门活动开始 */
.hot_act {
   width: 100%;
   /* float: left; */
   margin-top: 50px;
}
.hot_act .hot_top {
   width: 100%;
   height: 35px;
   border-bottom: 1px solid #e0e2e2;
}
.hot_act  .hot_top h2 {
   float: left;
   font-size: 24px;
   font-weight: 700;
   color: #333;
   margin-right: 30px;
}
.hot_act  .hot_title li {
   float: left;
   font-size: 16px;
   color: #676767;
   height: 28px;
   line-height: 28px;
   margin-right: 40px;
}
.hot_act .hot_title .more>a{
   float: right;
   font-size: 12px;
   color: #7ea1a6;
}
.hot_act  .hot_top .hot_title .check{
   color: #1da6ba;
   font-size: 16px;
}
/* 热门活动的内容 */
.hot_content {
   width: 100%;
   height: 278px;
   margin-top: 21px;
   background-color: #eeeeee;
}
.hot_content ul{
   /* width: 100%; */
   display: flex;
}
.hot_content li {
   width: 190px;
   float: left;
   margin-right: 0px;
}
.hot_list_top{
   width: 100%;
}
.hot_content li:hover {
   transform: translateY(8px)
   
}
.hot_content li:last-child{
   margin-right: 0;
}
.hot_content li .hot_list_bottom p{
   margin-top: 5px;
   margin-left: 5px;
   line-height: 18px;
}
.hot_content li .hot_list_bottom span{
   display: block;
   margin-top: 20px;
   margin-left: 5px;
   font-size: 12px;
   color: #0da0b4;
}
/* 热门活动内容结束 */
/* 下载中心开始 */
.download {
   width:100%;
   height: 335px;
   float: left;
   margin-top: 50px;
   /* margin-left: 20px; */
   background-color:#eeeeee;
   position: relative;
}
.download_all{
   width: 95%;
   margin: 0 auto;
}
.download_top{
   width: 100%;
}
.download .download_top .download_top_left{
   width: 58%;
   height: 168px;
   background-image: url(img/xiazaiyouxi-zuoshang\ .png);
   margin-top: 5px;
   margin-left: 5px;
   background-position: center;
}
.download .download_top .download_top_right{
   font-size: 14px;
   font-weight: 700;
   text-align: center;
   line-height: 76px;
   width: 35%;
   margin-left: 0;
}
.download .download_top .download_top_right_1{
   float: right;
   width: 20%;
   height: 76px;
   position: absolute;
   top: 0;
   right: 70px;
   background-color: #26c6de;
   margin-top: 5px;
   margin-right: 10px;
}
.download .download_top .download_top_right_2{
   float: right;
   width: 20%;
   height: 76px;
   position: absolute;
   top: 76px;
   right: 70px;
   background-color: #26c6de;
   margin-top: 5px;
   margin-right: 10px;
   margin-top: 20px;
}
.download_bottom{
   width: 100%;
}
.download .download_bottom  li{
   display: block;
   width: 20%;
   height: 60px;
   float: left;
   font-size: 12px;
   line-height: 68px;
   background-color: rgba(255, 255, 255, 0.418);
   margin-right: 12px;
   margin-top: 10px;
   text-align: center;
}
.download .download_bottom li:hover{
   box-shadow: 5px 5px 5px 5px #888787;
}
.hero{
   width: 95vw;
   /* height: 330px; */
   margin: 0 auto;
}
.hero_skin{
   width: 60%;
   /* height: 254px; */
   margin-top: 50px;
   float: left;
   /* margin-left: 20px; */
}
.hero_skin .hero_skin_one {
    float:left;
   width: 370px;
    height: 254px;
   background-color: #f7f6f6;
   background-image: url(img/diyi.jfif);
   color: #fff;
   position: relative;
   margin-right: 10px;
}
.hero_skin .hero_skin_one p{
   display: block;
   width: 60px;
   height: 20px;
   background-color: #000000;
   padding: 0 6px;
   font-size: 12px;
   position: absolute;
   top: 10px;
   left: 10px;
}
.hero_skin .hero_skin_one h4{
   position: absolute;
   bottom: 50px;
   left: 9px;
   /* width: 370px; */
   height: 24px;
   color: #cdbe91;
   font-size: 16px;
}
.hero_skin .hero_skin_one a{
   position: absolute;
   bottom: 30px;
   left: 9px;
   color: #cfcfc3;
   font-size: 14px;
   margin-right: 10px;
}
.hero_skin .hero_skin_two {
   float: left;
   width: 370px;
   height: 254px;
   background-color: #f7f6f6;
   position: relative;  
   background-image: url(img/hot.jpg);
   color: #fff;
}
.hero_skin .hero_skin_two p{
   display: block;
   width: 60px;
   height: 20px;
   background-color: #000000;
   /* padding: 0 6px; */
   font-size: 12px;
   position: absolute;
   top: 10px;
   left: 10px;
   text-align: center;
}
.hero_skin .hero_skin_two h4{
   position: absolute;
   bottom: 50px;
   left: 9px;
   width: 370px;
   height: 24px;
   color: #cdbe91;
   font-size: 16px;
}
.hero_skin .hero_skin_two a{
   position: absolute;
   bottom: 30px;
   left: 9px;
   color: #cfcfc3;
   font-size: 14px;
}
/* .hero_skin .hero_skin_two img:hover{
   transform: scale(2);
} */
.version {
   /* float: right; */
   /* width: 48%; */
   /* height: 255px; */
   margin-top: 51px;
}
.version_all{
   width: 100%;
   margin: 0 auto;
}
.version_left{
   float: left;
   width: 240px;
   height: 255px;
   position: relative;
}
.version_left .version_left_top {
   float: left;
   background-image: url(img/version_2021-11-29_00-34-33.png);
   width: 240px;
   height: 120px;
   position: absolute;
   top: 0;
   left: 0;
   background-size: cover;
   z-index: 2;
}
.version_left .version_left_top:hover {
   transform: scale(1.5);
}
.version_left .version_left_bottom {
   float: left;
   background-image: url(img/disi.jfif);
   width: 240px;
   height: 120px;
   position: absolute;
   bottom: 0;
   left: 0;
   z-index: 1;
}
.version_right {
   float: left;
   width: 242px;
   height: 255px;
   position: relative;
   margin-left: 14px;
}
.version_right .version_right_top{
   float: left;
   width: 242px;
   height: 180px;
   position: absolute;
   right: 0;
   top: 0;
   background-image: url(img/diyi.jfif);
   background-size: cover;
}
.version_right .version_right_bottom{
   float: left;
   width: 242px;
   height: 58px;
   margin-top: 15px;
   background-color: #d4b789;
   position: absolute;
   right: 0;
   bottom: 0;
}
.version_right .version_right_bottom a{
   display: block;
   font-size: 16px;
   text-align: center;
   line-height: 58px;
}
/* 版本更新详情结束 */
/* 最新专辑区域 */
.game_video_bg {
   width: 100%;
   /* height: 593px; */
   background-color: #e3e2e2;
   padding: 64px 0 66px 0;
}
.game_video_bg .game_video {
   width: 95vw;
   /* height: 463px; */
   margin: 0 auto;
}
.game_video .new_video{
   width: 100%;
   /* height: 463px; */
   float: left;
}
.game_video .new_video .nv_tit {
   float: left;
   width: 100%;
   /* height: 35px; */
   border-bottom: 1px solid #888787;
}
.new_video .nv_tit h2{
   float: left;
   width: 104px;
   height: 28px;
}
.nv_tit_top{
   float: left;
   width: 100%;
   height: 35px;
} 
.nv_tit_top li {
   float: left;
   width: 68px;
   height: 35px;
}
.nv_tit_top li:nth-child(5){
  margin-right: 30px;
}
.nv_tit_top li:nth-child(7){
   float: right;
   font-size: 12px;
   color: #7ea1a6;
}
.nv_tit_top li:nth-child(8){
   float: right;
   font-size: 12px;
   color: #7ea1a6;
}
.nv_tit_top .check {
   color: #1da6ba;
}
.nv_con ul{
   width: 100%;
   /* height: 426px; */
   /* float: left; */
   display: flex;
   flex-wrap: wrap;
}
.nv_con li{
   width: 24%;
   height: 107px;
   float: left;
   margin-right: 7px;
   margin-bottom: 120px;
}
.nv_con li a img{
   width: 177px;
}
.nv_con .nv_bottom{
   font-size: 14px;
   text-decoration: none;
   width: 172px;
   /* height: 42px; */
   float: left;
}
/* .nv_con .nv_bottom:hover{
   color: #1da6ba;
} */
#top_video{
   font-size: 12px;
   color: #919091;
   margin-bottom: 0;
   width: 65px;
   height: 18px;
   float: left;
}
#top_time{
   font-size: 12px;
   color: #919091;
   width: 65px;
   height: 18px;
   float: right;
}
.nv_con li:nth-child(4n){
   margin-right: 0;
}
.hot_video {
   width: 100%;
   /* height: 454px; */
}
.hot_video .hv_tit{
   width:100%;
   height: 35px;
   line-height: 35px;
   /* border-bottom: 1px solid #9d9d9d; */
}
.hot_video .hv_tit h2{
   font-size: 24px;
   font-weight: 400;
   margin-right: 15px;
   float: left;
}
.hot_video .hv_tit ul li{
   float: left;
   width: 40px;
   height: 20px;
  
}
.hot_video .hv_tit li:last-child{
   margin-right: 0;
}
.hv_con{
   width: 100%;
}
.hv_con ul{
   width: 100%;
}
.hv_con li{
   /* width: 156px; */
   /* height: 212px; */
   float: left;
   margin-top: 15px;
   /* margin-right: 6px; */
}
/* .hv_con li:nth-child(1){ */
   /* background-image: url(img/Snipaste-3_2021-11-29_23-40-12.png); */
    /* background-size: cover; */
    /* width: 115px; */
    /* height: 230px; */
    /* background-position: center; */
/* } */
/* .hv_con li:nth-child(2){ */
   /* background-image: url(img/Snipaste-3_2021-11-29_23-40-12.png); */
    /* background-size: cover; */
    /* width: 115px; */
    /* height: 230px; */
    /* background-position: center; */
/* } */
/* .hv_con li:nth-child(3){ */
   /* background-image: url(img/Snipaste-3_2021-11-29_23-40-12.png); */
    /* background-size: cover; */
    /* width: 115px; */
   /* height: 230px; */
   /* background-position: center; */
/* } */
.hv_con li a img{
   width: 156px;
}
 /* 创作馆 */
 .create_bg{
   background-color: #f7f6f6;
   width: 100vw;
   /* height: 500px; */
   margin: 0 auto;
   border-top: 1px solid rgba(68, 66, 66, 0.014);
}
.con_bottom a{
   font-size: 14px;
   color:  #919091;
}
/* 创作馆左栏 */
.create_bg .create_left {
   float: left;
   width: 100%;
   /* height: 450px; */
}
.create_bg .create_left .create_tit {
   width: 100%;
   height: 35px;
   line-height: 35px;
   margin-top: 10px;
   margin-left: 5px;
}
.create_bg .create_left .create_tit h2{
   font-size: 24px;
   margin: 0;
}
.create_bg .create_left .create_tit a{
   font-size: 12px;
   width: 44px;
   height: 35px;
   line-height: 35px;
   color: #7ea1a6;
}
.create_content {
   width: 100%;
}
.create_bg .create_left .create_content ul {
    /* width: 100%; */
    /* height: 415px; */
    padding-left: 0;
}
.create_bg .create_left .create_content li{
    /* width: 192px; */
    /* height: 174px; */
    margin-right: 6px;
    margin-bottom: 5px;
    /* float: left; */
}
.create_content li a img{
   width: 192px;
}
.create_content li a img:hover{
   animation-name: myfirst;
   animation-duration: 1s;
}
/* 左侧栏结束 */
/* 右侧栏开始 */
.create_bg .create_right {
    width: 100%;
    height: 424px;
}
.create_bg .create_right ul {
    width: 100%;
    height: 450px;
    padding-left: 0;
    margin: 0;
}
.create_bg .create_right .create_right_one{
    /* width: 241px; */
    /* height: 411px; */
    float: left;
    /* background-image: url(img/0.png); */
}
.create_bg .create_right .create_right_one:hover{
    transform: translateY(15px);
    transition: 0.5s;
}
.create_bg .create_right li:nth-child(2){
    width: 240px;
    height: 87px;
    float: left;
    background-image: url(img/-bg-2.jpg);
    margin-bottom: 30px;
    /* color: #fff; */
    font-size: 16px;
    text-align: center;
    line-height: 87px;
    margin-left: 5px;
}
.create_bg .create_right li:nth-child(3){
    width: 240px;
    height: 87px;
    float: left;
    background-image: url(img/right-2-bg-3.jpg);
    margin-bottom: 30px;
    /* color: #fff; */
    font-size: 16px;
    text-align: center;
    line-height: 87px;
    margin-left: 5px;

}
.create_bg .create_right li:nth-child(4){
    width: 240px;
    height: 87px;
    float: left;
    background-image: url(img/right-3-4.jpg);
    margin-bottom: 30px;
    /* color: #fff; */
    font-size: 16px;
    text-align: center;
    line-height: 87px;
    margin-left: 5px;
}
.create_bg .create_right li:nth-child(5){
    width: 240px;
    height: 60px;
    float: left;
    background-color: #b99f77;
    line-height: 60px;
    text-align: center;
    margin-left: 5px;
    color: #fff;
}
.create_bg .create_right li a{
   color: #fff;
}
/* 右侧栏结束 */
/* 底部版权 */
.endnote{
    width: 100%;
    /* height: 265px; */
    background-color: #e3e2e2;
    /* margin-top: 20px; */
}
/* .endnote .copyright { */
    /* width: 1358px; */
    /* height: 175px; */
    /* background-image: url(img/Snipaste\ \ 3_2021-11-29_19-37-59.png); */
    /* background-size: cover; */
/* } */
.endnote_left{
   /* margin-left: 100px; */
   float: left;
}
.endnote_left img{
   margin-top: 45px;
}
.endnote_right{
   width: 60%;
   float: left;
   /* margin-left: 150px; */
   margin-top: 40px;
}
.endnote_right li{
   font-size: 14px;
   color: #9f9378;
}
.endnote_right li a{
   color: #9f9378;
}
.endnote_right li p{
   margin-bottom: 0;
}
.sh_nav_list ul{
     display: none;
}
@keyframes myfirst{
   0%{
      transform: scale(1);
   }
   100%{
      transform: scale(1.1);
   }
}
@media (max-width:500px) {
   .top_nav_bg .top_nav .logo{
      display: none;
   }
   .top_nav_bg .top_nav .nav_list{
      display: none;
   }
   .sh_nav_list{
      float: left;
      width: 100%;
      height: 20px;
      z-index: 11;
      position: absolute;
      top: 0;
      left: 0;
   }
   .sh_nav_list ul{
      height: 40px;
      display: flex;
   }
   .sh_nav_list ul li{
      flex: 1;
      width: 80px;
      height: 40px;
      color: #fff;
      text-align: center;
      line-height: 40px;
   }
   .top_nav_bg .top_nav .user_information{
      display: none;
   }
   .top_nav_bg .top_nav .zhangmeng {
      display: none;
   }
   .top_nav_bg .top_nav .screen {
      display: none;
   }
   .top_advertisement {
      width: 100%;
      height: 360px;
   }
   .top_advertisement .banben {
      display: none;
   }
   .top_advertisement .word a{
      margin-left: -10px;
   }
   .max_box .game_index1 .banner ul{
      height: 23vh;
   }
   .max_box .game_index1 .banner ul li{
      line-height: normal;
      text-align: center;
      justify-items: center;
   }
   .max_box .game_index1 .news .list_one:nth-child(5)>span {
      display: none;
   }
   .hot_act .hot_title li{
      margin-right: 4px;
   }
   .news{
      margin-left: 10px;
   }
   .list_one .mean_two-li h4 {
      text-align:left ;
      font-size: 16px;
   }
   .download_top_right_1{
      width: 10px;
   }
   .download_top_right_2{
      width: 10px;
   }
   .hot_content {
      height: 600px;
   }
   .col-md-3 ,
   .col-sm-6 {
      padding-right: 0px!important;
      padding-left: 0px!important;
   }
   .col {
      padding: 0;
      margin: 0;
   }
   .version{
      margin-left: 30px;
      margin-top: 25px;
   }
   .version_left{
      margin-left: 14px;
   }
   .nv_tit_top li{
      width: 38px;
   }
   .nv_tit_top li:nth-child(5){
      width: 64px;
   }
   .hot_video .hv_tit h2{
      margin-right: 2px;
   }
   .hot_video .hv_tit ul li{
      width: 37px;
   }
   .hv_con{
      margin-left: 20px;
   }
   .hv_con li{
      width: 97px;
      margin-right: 23px;
   }
   .hv_con li a img {
      width: 101px;
   }
   .create_bg .create_left .create_tit a{
      float: none;
      margin-left: 280px;
   }
   .nv_con li{
      margin-right: 4px;
   }
   .nv_con li a img{
      width: 73px;
   }
   .nv_con .nv_bottom {
      float: none;
   }
   #top_video {
      float: none;
   }
   #top_time{
      float: none;
   }
   .create_bg .create_left .create_content li {
      margin-right: 0;
      width: 95px;
   }
   .create_content li a img{
      width: 95px;
      /* margin-right: 0; */
   }
   .create_right img{
      width: 223px;
   }
   .create_bg .create_right li:nth-child(2) {
      width: 145px;
      background-position: center;
      margin-left: 10px;
      /* float: left; */
      margin-bottom: 20px;
   }
   .create_bg .create_right li:nth-child(3) {
      width: 145px;
      background-position: center;
      margin-left: 10px;
      margin-bottom: 20px;
   } 
   .create_bg .create_right li:nth-child(4) {
      width: 145px;
      background-position: center;
      margin-left: 10px;
      margin-bottom: 20px;
   }
   .create_bg .create_right li:nth-child(5) {
      width: 145px;
      background-position: center;
      margin-left: 10px;
      margin-bottom: 20px;
   }
   .endnote{
      margin-left: 0;
   }
   .endnote_left{
      margin-left: 58px;
   }
   .endnote_right{
      margin-left: 92px;
   }
}
